<?php

/*
 * transfert/get-employe-list-by-site.phtml
 */
?>
<?php foreach ($this->employes as $e): ?>
        <div class='employe-one'>
	    <a href='#' data-matricule='<?php echo $e->matricule; ?>'><?php echo $e->prenom . ' ' . $e->nom1 . ' ' . $e->nom2; ?></a>
    	</div>
<?php endforeach; ?>

<script type='text/javascript'>
    // Démarrage
    $(function(){
	$('.employe-one a').click(function(e){
	    e.preventDefault();
	    matricule = $(this).attr('data-matricule');
	    $('#data-matricule').val(matricule);
	    $('.step3').click();
	    $('#employe-name').text($(this).text());
	});
    });
</script>

<style type='text/css'>
    .employe-one{
	display: inline-table;
	width: 30%;
	margin: 5px;
	border: solid 1px #004eae;
	padding: 5px;
	background: #fdfdfd;
    }
    .employe-one:hover{
	box-shadow: 0px 0px 3px 3px #d4d4d4;
	background: #f9fbfd;
    }
    .employe-one a{
	display: block;
	width: 100%;
	height: 100%;
    }
</style>